<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新浪导航</title>
	<style>

		* {
			/* 通配符，清除所有元素的内外边距 */
			margin: 0;
			padding: 0;
		}
		.nav {
			height: 41px;
			background-color:#FCFCFC;
			/*上边框*/
			border-top:  3px solid #FF8500;
			/*下边框*/
			border-bottom: 1px solid #EDEEF0 ;
			
			text-align: center;

			/*盒子与盒子或者是外边距*/
			/*margin-left: 200px;*/

			/*盒子居中对齐 margin 左右设置auto，必须要有width*/

		}

		.nav a {
			/*转换为 行内块*/
			display: inline-block;
			height: 41px;
			/*background-color: pink;*/

			padding: 0 20px;	
			color: #4C4C4C;
			/*字体垂直居中*/
			line-height:41px;
			text-decoration: none;
		}

		.nav a:hover{
			background-color: #eee;
		}

		.demo {
			margin: 30px;
		}
	</style>
</head>
<body>
	<div class="nav">
		<a href="#">设为首页</a>
		<a href="#">手机新浪网</a>
		<a href="#">移动客户端</a>
		<a href="#">微博</a>
		<a href="#">博客</a>
		<a href="#">关注我</a>
		<p class="demo"> 我是p标签 </p>
	</div>
</body>
</html>